@charset "utf-8";
/* CSS Document */

body{
	background: -webkit-repeating-linear-gradient(-45deg, #4286f4, #373B44);
	height: 100vh;
}
.error-page{
	top: 10% ;
	left: 17% ;
	right: 17% ;
	bottom: 20%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}

.error-page .content{
	max-width: 600px;
	text-align: center;
}
.content h1{
	max-height: 600px;
	max-width: 600px;
	font-size: 18vw;
	margin-bottom: 0px;
	position: relative;
	
}
.content h1:after{
	position: absolute;
	content: attr(data-text);
	top: 0;
	left: 0;
	right: 0;
	background: -webkit-repeating-linear-gradient(-45deg, #4286f4, #373B44);
	background-size: 150%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.25);
}

.content h4{
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #000;
	font-size: 2em;
}


.content p{
	font-size: 1.2em;
	color: #0D0D0D;
	margin-bottom: 100px;
}

.content .btns{
	margin: 25px 0;
	display: inline-flex
}

.content .btns a{
	max-height: 600px;
	max-width: 600px;
	display: inline-block;
	margin: 0px 20px 250px;
	text-decoration: none;
	border: 2px solid #DDDDDD ;
	color: #DDDDDD;
	font-weight: 500;
	padding: 10px 25px;
	border-radius: 25px;
	text-transform: uppercase;
	transition: all 0.5s ease;
	background: black;
}

.content .btns a:hover{
	color: black;
	background: #DDDDDD;
	border: 2px solid black ;
	border-radius: 25px;
	
}